<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			body {
				background: white;
			}
			
			.mes{
				margin-top: 13%;
				margin-left: 8%;
				
			}
			
			.mes-table {
				text-align: center;
				margin-left: 8%;
				margin-bottom: 10%;
			}
		
			.table-detail {
				width: 90%;
			}
			
			td{
				height: 50px;
			}
			
			.center {
				/*border: 1px solid darkgrey;*/
				/*background: #0062CC;*/
				padding-top: 8%;
				width: 95%;
				height: 95%;
			}
			
			.t2 {
				color: #2bb36c;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">预报点数据详情</h1>
		</header>
		<div class="center">
			<div class="mes">
				<table >
					<tr>
						<td>预报点</td>
						<td id="forcast"></td>
					</tr>
					<tr>
						<td>数据时间：</td>
						<td id="time"></td>
					</tr>
					<tr>
						<td>预报数据：</td>
						<td></td>
					</tr>
				</table>
			</div>
			<div class="mes-table">
				<table class="table-detail" border="1" bordercolor="darkgray" >
					<tr>
						<td class="t">风速</td>
						<td class="t">风向</td>
					</tr>
					<tr>
						<td class="t2" id="ws"></td>
						<td class="t2" id="wd"></td>
					</tr>
					<tr>
						<td class="t">降水</td>
						<td class="t">降雪</td>
					</tr>
					<tr>
						<td class="t2" id="rain"></td>
						<td class="t2" id="snow"></td>
					</tr>
					<tr>
						<td class="t">云量</td>
						<td class="t">露点</td>
					</tr>
					<tr>
						<td class="t2" id="cloud"></td>
						<td class="t2" id="td"></td>
					</tr>
					<tr>
						<td class="t">温度</td>
						<td class="t">湿度</td>
					</tr>
					<tr>
						<td class="t2" id="temp"></td>
						<td class="t2" id="rh"></td>
					</tr>
					<tr>
						<td class="t">短波辐射</td>
						<td class="t">长波辐射</td>
					</tr>
					<tr>
						<td class="t2" id="sw"></td>
						<td class="t2" id="lw"></td>
					</tr>
					<tr>
						<td class="t">气压</td>
						<td class="t">土壤温度</td>
					</tr>
					<tr>
						<td class="t2" id="p"></td>
						<td class="t2" id="soilt"></td>
					</tr>
					<tr>
						<td class="t">土壤湿度</td>
						<td class="t">土壤含水量</td>
					</tr>
					<tr>
						<td class="t2" id="soilm"></td>
						<td class="t2" id="soilw"></td>
					</tr>
					<tr>
						<td class="t">能见度</td>
						<td class="t">大气稳定度</td>
					</tr>
					<tr>
						<td class="t2" id="vis"></td>
						<td class="t2" id="stab"></td>
					</tr>
				</table>
			</div>
			<!--<div style="height: 50px;"></div>-->
		</div>		
		
		
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/jquery-3.2.1.js"></script>
		<script src="../../js/global.js"></script>
		<script type="text/javascript">
			mui.init()
			mui.plusReady(function(){
				var self = plus.webview.currentWebview();
//				console.log(JSON.stringify(self.datas))
				var wd =self.datas.wd;
				var ws = self.datas.ws;
				var wind_d = getWinD(wd, ws);
	//			
				document.getElementById("forcast").innerHTML=self.forcastName;
				document.getElementById("time").innerHTML=self.datas.time;
				document.getElementById("ws").innerHTML=self.datas.ws;
				document.getElementById("wd").innerHTML=wind_d.wd.text + "风";
				document.getElementById("rain").innerHTML=self.datas.rain;
				document.getElementById("snow").innerHTML=self.datas.snow;
				document.getElementById("cloud").innerHTML=self.datas.cloud;
				document.getElementById("td").innerHTML=self.datas.td;
				document.getElementById("rh").innerHTML=self.datas.rh;
				document.getElementById("temp").innerHTML=self.datas.temp;
				document.getElementById("sw").innerHTML=self.datas.sw;
				document.getElementById("lw").innerHTML=self.datas.lw;
				document.getElementById("p").innerHTML=self.datas.p;
				document.getElementById("soilt").innerHTML=self.datas.soilt;
				document.getElementById("soilm").innerHTML=self.datas.soilm;
				document.getElementById("vis").innerHTML=self.datas.vis;
				document.getElementById("stab").innerHTML=self.datas.stab;
				
			});
			
		</script>
	</body>

</html>